<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- open/close 登录-->
	<div class="overlay overlay-hugeinc">
		<section class="container">
			<div class="col-sm-4 col-sm-offset-4">
				<button type="button" class="overlay-close">Close</button>
				<form id="login-form" class="login" action="login" method='post'
					novalidate=''>
					<p class="login__title">
						登 录<br> <span class="login-edition">welcome to
							PopcornTicket</span>
					</p>

					<div class="social social--colored"
						style="margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px">
						<img alt="" src="img/logo.png" style="width: 60px; height: 60px;">
					</div>

					<p class="login__tracker">or</p>
					<div class="field-wrap">
						<input type='' placeholder='用户名/手机号' id="username" name="username"
							class="login__input"><span id="tishi1"></span> <input
							type='password' placeholder='密码' id="userpwd" name="userpwd"
							class="login__input"><span id="tishi2"></span> <br/>
							<input type='checkbox' id='cksremember' name="cksremember"
							class='login__check styled'> <label for='#informed'
							class='login__check-info'>记住密码 <a href="#"
							style="margin-left: 120px; color: #b4b1b2" class="FindPwd-window">忘记密码?</a></label>

					</div>
					<div class="login__control">
						<button type='submit' id="btn"
							class="btn btn-md btn--warning btn--wider ">登录</button>
						<a href="#" class="login__tracker form__tracker register-window">没有账户?去注册</a>
					</div>
				</form>
			</div>
		</section>
	</div>

	<!-- open/close 注册-->
	<div class="overlay1 overlay-hugeinc">
		<section class="container">
			<div class="col-sm-4 col-sm-offset-4">
				<button type="button" class="overlay-close">Close</button>
				<form id="login-form" class="login" method='get' novalidate=''>
					<p class="login__title">
						注 册<br> <span class="login-edition">welcome to
							PopcornTicket</span>
					</p>

					<div class="social social--colored"
						style="margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px">
						<img alt="" src="img/logo.png" style="width: 60px; height: 60px;">
					</div>

					<div class="field-wrap">
						<input type='text' placeholder='请输入你的用户名' name='username1'
							id="username1" class="login__input"> <span id="tishi3"></span>
						<input type='text' placeholder='请输入你的电话号码' name='usertel1'
							id="usertel1" class="login__input"> <span id="tishi4"></span>
						<input type='password' placeholder='请输入你的密码' name='userpwd1'
							id="userpwd1" class="login__input"> <span id="tishi5"></span>
						<input type='password' placeholder='请重复你的密码' name='userpwds1'
							id="userpwds1" class="login__input"> <span id="tishi6"></span>
					</div>

					<div class="login__control">
						<div style="height: 50px;"></div>
						<button type='submit' id="submitt"
							class="btn btn-md btn--warning btn--wider">注册</button>
						<a href="#" class="login__tracker form__tracker login-window">已有账号？去登录</a>
					</div>
				</form>
			</div>
		</section>
	</div>

		<!-- open/close 找回密码-->
		<div class="overlay2 overlay-hugeinc">

			<section class="container">

				<div class="col-sm-4 col-sm-offset-4">
					<button type="button" class="overlay-close">Close</button>
					<form id="login-form" class="login" method='get' novalidate=''>
						<p class="login__title">
							找回密码<br>
							<span class="login-edition">welcome to PopcornTicket</span>
						</p>

						<div class="social social--colored"
							style="margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px">
							<img alt="" src="img/logo.png" style="width: 60px; height: 60px;">
						</div>

						<div class="field-wrap" style="margin-top: 30px">

							<input type='text' placeholder='请输入你的电话号码' name='user-email'
								class="login__input" id="tel" style="width: 98%">
							<div id="ver" class="layui-form-mid layui-word-aux ver getCode"
								align="right">获取验证码</div>
							<input type='text' placeholder='请输入验证码' name='user-password'
								id="yzm" class="login__input" style="width: 65%">


						</div>

						<div class="login__control">
							<div style="height: 50px;"></div>
							<button type='submit' class="btn btn-md btn--warning btn--wider"
								id="btn1">找回密码</button>
							<a href="#" class="login__tracker form__tracker login-window">返回上一步</a>
						</div>

					</form>
				</div>

			</section>
		</div>

		<!-- open/close 修改密码-->
		<div class="overlay3 overlay-hugeinc">

			<section class="container">

				<div class="col-sm-4 col-sm-offset-4">
					<button type="button" class="overlay-close">Close</button>
					<form id="login-form" class="login" method='get' novalidate=''>
						<p class="login__title">
							修改密码<br>
							<span class="login-edition">welcome to PopcornTicket</span>
						</p>

						<div class="social social--colored"
							style="margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px">
							<img alt="" src="img/logo.png" style="width: 60px; height: 60px;">
						</div>

						<div class="field-wrap">

							<input type='password' placeholder='请输入你的新密码' name='user-email'
								class="login__input" id="updpwd"> 
							<input type='password'
								placeholder='请确认你的新密码' name='user-email' class="login__input"
								id="updpwds"><span id="tishi"></span>
						</div>
						<div class="login__control">
							<div style="height: 50px;"></div>
							<button type='submit' class="btn btn-md btn--warning btn--wider"
								id="updsubmitt">确认修改</button>
							<a href="#" class="login__tracker form__tracker FindPwd-window">返回上一步</a>
						</div>

					</form>
				</div>
			</section>
		</div>
</body>
</html>